<template>
  <demoBlock title="自定义按钮" padding>
    <vcu-slider v-model="value" @change="onChange" active-color="#ee0a24">
      <template #button>
        <vcu-button size="mini">{{ value }}</vcu-button>
      </template>
    </vcu-slider>
  </demoBlock>
</template>

<script>
import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
    const value = ref(50);
    const onChange = (value) => console.info("当前值：" + value);
    return {
      value,
      onChange,
    };
  },
});
</script>
